<template>
  <div>
    <van-search
      v-model="citySearch"
      placeholder="城市名"
      show-action
      @search="onSearch"
      @cancel="$router.push('/city')"
      shape="round">
      <p slot="action" class="text-red" @click="$router.go(-1)">取消</p>
    </van-search>
    <div>
      <van-cell class="text-content" value="北京市" />
      <van-cell value="北平" />
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      citySearch: ''
    }
  },
  methods: {
    onSearch () {
      console.log('search')
    },
    onCancel () {
      console.log('cancel')
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
